<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="Clases.*" %>
<%@ page import="Datos.*" %>
<%ProfesionalAdapter adapter = new ProfesionalAdapter();%>
<%Profesional profActual = new Profesional();%>
<%String encabezado="";%>
<%if (session.getAttribute("UsuarioActual")!=null){ %> 
	<%if(request.getParameter("id")!=null) 
	{
		profActual = adapter.getProfesional(Integer.parseInt(request.getParameter("id")));
		session.setAttribute("IdProfesional",profActual.getId());
		encabezado="EDITAR PROFESIONAL: "+profActual.getApellido()+", "+profActual.getNombre();
	}else{profActual.setId(0);
		profActual.setApellido("");
		profActual.setNombre("");
		profActual.setEmail("");
		profActual.setContraseña("");
		profActual.setNombreUsuario("");
		profActual.setIdSecretaria(0);
		encabezado="AGREGAR NUEVO PROFESIONAL";}%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Profesional</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="images/favicon.ico" />
<link href="dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="css/view.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<%if(Integer.parseInt(session.getAttribute("Tipo").toString())==1){ %>
<%@include file="menusecretarias.jsp" %>
<%}else{%>
<%@include file="menuprofesionales.jsp" %>
<%} %>
	<div class="container">
	<div class="starter-template">
	<img id="top" src="images/top.png" alt="" />
	<div id="form_container">
	
		<h1><a><%=encabezado %></a></h1>
		<form name="datosUsuario" id="datosUsuario" class="appnitro"  method="post" accept-charset="ISO-8859-1">
			<div class="form_description">
			<h2><%=encabezado %></h2>
			<p></p>
			</div>						
			<ul>
			
				<li id="li_1">
					<label class="description" for="element_1">Nombre y Apellido</label>
	
					<span>
					<input id="element_1_1" name= "element_1_1" class="element text" maxlength="255" size="20" value="<%=profActual.getNombre()%>"/>
					<label>Nombre</label>
					</span>
					<span>
					<input id="element_1_2" name= "element_1_2" class="element text" maxlength="255" size="20" value="<%=profActual.getApellido() %>"/>
					<label>Apellido</label>
					</span> 
				</li>
				<li id="li_5">
					<label class="description" for="element_1_3">Nombre de Usuario</label>
					<span>
					<input id="element_1_3" name= "element_1_3" class="element text" maxlength="255" size="20" value="<%=profActual.getNombreUsuario() %>"/>
					</span> 
				</li> 
				<li id="li_2" >
					<label class="description" for="element_2">Mail </label>
					<div>
						<input id="element_2" name="element_2" class="element text medium" type="text" maxlength="255" size="30" value="<%=profActual.getMail() %>" /> 
					</div> 
				</li>		
				<li id="li_3" >
					<label class="description" for="element_3">Contraseña</label>
					<div>
						<input id="element_3" name="element_3" class="element text medium" type="password" maxlength="255" value="<%=profActual.getContraseña() %>"/> 
					</div> 
				</li>		
				<li id="li_4" >
					<label class="description" for="element_4">Repetir contraseña </label>
					<div>
						<input id="element_4" name="element_4" class="element text medium" type="password" maxlength="255" value="<%=profActual.getContraseña() %>"/> 
					</div> 
				</li>
				<li class="buttons">
				    <input type="hidden" name="form_id" value="826830" />
				    <%if(profActual.getId()==0){ %>
					<input id="guardar" class="button_text" type="submit" name="guardar" value="GUARDAR" onclick="insert();"/>
					<%}else{ %><input id="guardar" class="button_text" type="submit" name="guardar" value="GUARDAR" onclick="update();"/><%} %>
					<input id="cancelar" class="button_text" type="submit" name="cancelar" value="CANCELAR" onclick="volver()"/>
				</li>
			</ul>
		</form>	
		
	</div>
	<img id="bottom" src="images/bottom.png" alt="" />
	</div>
	</div>
	<script type="text/javascript">
	function volver()
	{
		document.datosUsuario.action = "profesionales.jsp";
		document.datosUsuario.submit();
	}
	function limpiar()
	{
		var elements = document.getElementsByTagName("input");
		for (var i=0; i < elements.length; i++) {
		  if (elements[i].type == "text") {
		    elements[i].value = "";
		  }
		}
	}
	function insert()
	{
		var msj ="";
		if(document.getElementById("element_1_1").value=="")
			{msj+= "- Debe ingresar un nombre\n";}
		if(document.getElementById("element_1_2").value=="")
		{msj+= "- Debe ingresar un apellido\n";}
		if(document.getElementById("element_2").value=="")
		{msj+= "- Debe ingresar un mail\n";}
		else{
			 	var expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			    if ( !expr.test(document.getElementById("element_2").value) ){msj+="- El mail ingresado no es correcto\n";}
			}
		if(document.getElementById("element_3").value!=document.getElementById("element_4").value)
		{	
			msj+="- Las contraseñas no coinciden\n";	
			}
		if(document.getElementById("element_3").value==""&&document.getElementById("element_4").value=="")
		{	
			msj+="- Una contraseña debe ser ingresada\n";	
			}
	
		if(msj!="")
		{alert(msj);}	
		else
			{
			document.datosUsuario.action = "Final_IUDProfesional?TipoAccion=0";
			document.datosUsuario.submit();
			}
		
	}

	function update()
	{
		var msj ="";
		if(document.getElementById("element_1_1").value=="")
			{msj+= "- Debe ingresar un nombre\n";}
		if(document.getElementById("element_1_2").value=="")
		{msj+= "- Debe ingresar un apellido\n";}
		if(document.getElementById("element_2").value=="")
		{msj+= "- Debe ingresar un mail\n";}
		else{
		 	var expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		    if ( !expr.test(document.getElementById("element_2").value) ){msj+="El mail ingresado no es correcto\n";}
		}
		if(document.getElementById("element_3").value!=document.getElementById("element_4").value)
		{	
			msj+="- Las contraseñas no coinciden\n";	
			}
		if(document.getElementById("element_3").value==""&&document.getElementById("element_4").value=="")
		{	
			msj+="- Una contraseña debe ser ingresada\n";	
			}
	
		if(msj!="")
		{alert(msj);}	
		else
			{
			document.datosUsuario.action = "Final_IUDProfesional?TipoAccion=1";
			document.datosUsuario.submit();
			}
		
	}
	</script>
	
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="dist/js/bootstrap.min.js"></script>
	
   </body>
</html><%} else response.sendRedirect("LoginProfesional.jsp"); %>